{% load static %}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">
	<!-- InstanceBegin template="/Templates/my51JobDwt.dwt" codeOutsideHTMLIsLocked="false" -->
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- InstanceBeginEditable name="doctitle" -->
		<title>简历管理</title>
		<style type="text/css">
			.div0Intro {
				background-image: url(images/menu-bg1.gif);
				background-repeat: repeat-x;
				width: 1000px;
				height: 33px;
				margin: auto;
				color: #FFF;
				font-size: 12px;
				line-height: 28px;
			}

			.span0Intro {
				margin-left: 10px;
				margin-right: 10px;
			}

			.div1Intro {
				width: 960px;
				height: 1050px;
				/*border:1px solid #F00;*/
				margin: auto;
			}

			.div11Intro {
				float: left;
				width: 210px;
				height: 1045px;
				border: 1px #CCC dashed;
				background-color: #FFFFF7;
				text-align: left;
			}

			.div12Intro {
				float: left;
				width: 700px;
				height: 1030px;
				/*border:solid 1px #00F;*/
				text-align: left;
				padding-top: 15px;
				margin-left: 30px;
			}

			.div111Intro {
				/*	width:180px;*/
				height: 16px;
				/*border:#000 1px dashed;*/
				margin-left: 30px;
				vertical-align: middle;
				/*margin-bottom:10px;
	margin-top:10px;*/
			}

			.span11InnerIntro {
				line-height: 16px;
				height: 16px;
				text-align: left;
				font-size: 12px;
				font-weight: bold;
				margin-left: 10px;
			}

			.div112Intro {
				width: 180px;
				height: 16px;
				/*border:#000 1px dashed;*/
				margin-left: 30px;
				vertical-align: middle;
				margin-bottom: 8px;
				margin-top: 8px;
			}

			.span12InnerIntro {
				color: #414141;
				line-height: 16px;
				height: 16px;
				text-align: left;
				font-size: 12px;
				margin-left: 10px;
			}

			.img1Intro {
				margin: 10px;
				cursor: pointer;
			}

			.img2Intro {
				margin-top: 10px;
				margin-bottom: 10px;
				margin-left: 0px;
			}

			.btn1Intro {
				width: 100px;
				height: 33px;
				border: 0px;
				background-image: url(images/login-sm2.gif);

			}

			.btn1Intro:hover {
				width: 100px;
				height: 33px;
				border: 0px;
				background-image: url(images/login-sm1.gif);
			}

			.star1Intro {
				color: #F60;
				margin-right: 5px;
			}

			td {
				font-size: 12px;
				color: #414141;
			}

			.tablediv1Intro {
				width: 698px;
				/*border:1px dashed #000;*/
				margin-bottom: 15px;
			}

			.tablediv2Intro {
				width: 698px;
				/*border:1px dashed #000;*/
				margin-bottom: 15px;
			}

			.tablediv3Intro {
				width: 698px;
				/*border:1px dashed #000;*/
				margin-bottom: 15px;
			}

			.table1Intro {
				width: 690px;
				height: 300px;
			}

			.table2Intro {
				width: 550px;
				height: 250px;
			}

			.table3Intro {
				width: 550px;
				height: 190px;
			}

			.textarea1Intro {
				width: 450px;
				height: 45px;
			}

			.aIntro {
				color: #414141;
				font-size: 12px;
				text-decoration: none;
			}

			.aIntro:hover {
				color: #F60;
				font-size: 12px;
				text-decoration: none;
			}
		</style>
		<!-- InstanceEndEditable -->
		<!-- InstanceBeginEditable name="head" -->
		<!-- InstanceEndEditable -->
		<style type="text/css">
			.spandwt {
				display: block;
				text-align: center;
				line-height: 25px;
				font-size: 12px;
				color: #414141;
				font-family: "宋体";
			}

			.divdwt {
				display: block;
				background-image: url(../static/img/images/bottom-bg.gif);
				text-align: center;
				height: 35px;
				width: 1000px;
				color: #FFF;
				line-height: 30px;
				font-size: 12px;
				font-family: "宋体";
				margin: auto;
			}

			.adwt {
				color: #FFF;
				font-size: 12px;
				text-decoration: none;
				font-family: "宋体";
			}

			.adwt:hover {
				color: #FFF;
				font-size: 12px;
				text-decoration: none;
				font-family: "宋体";
			}

			.bodydwt {
				text-align: center;
			}

			.imgdwt {
				border: 0px;
			}

			.headdwt {
				width: 960px;
				height: 65px;
				margin: auto;
				/*居中*/
				position: relative;
				vertical-align: bottom;
				/*border:1px solid #000;*/
			}

			.headerleftdwt {
				/*border:1px solid #000;*/
				float: left;
				margin-bottom: 0px;
				height: 65px;
			}

			.headerrightdwt {
				/*border:1px solid #000;*/
				float: right;
				height: 31px;
				vertical-align: bottom;
				margin-top: 34px;
			}

			.imgheaderdwt {
				border: 0px;
			}
		</style>


	</head>

	<body>

		<div class="bodydwt">
			<div class="headdwt">
				<div class="headerleftdwt"><img src="../static/img/images/123.png" /></div>
			</div>
			<!-- InstanceBeginEditable name="EditRegion3" -->
			<!--菜单栏开始-->
			<div class="div0Intro">
				<span class="span0Intro">简历中心</span>|<span class="span0Intro">求职信</span>|<span
					class="span0Intro">简历指导</span>
			</div>
			<!--菜单栏结束-->
			<form action="/insert/" method="post">
			<!--中间内容开始-->
			<div class="div1Intro" method="post">
				<!--中间内容左边开始-->
				<div class="div11Intro">
					<img src="../static/img/images/intro-left1.gif" onclick="pop1()" class="img1Intro" />
					<img src="../static/img/images/intro-left2.gif" onclick="pop2()" class="img1Intro" />
					<img src="../static/img/images/intro-left3.gif" onclick="pop3()" class="img1Intro" />
				</div>
				<!--中间内容左边结束-->
				<!--中间内容右边开始-->
				<div class="div12Intro">
					<div class="div111Intro"><img src="../static/img/images/register-arrow.gif" /><span class="span11InnerIntro"><a
								name="point1">基本个人信息（*为必填项）</a></span></div>
					<img src="../static/img/images/border.JPG" class="img2Intro" />
					<div class="tablediv1Intro">

						<table class="table1Intro" cellspacing="5px;">
							<tr>
								<td style="width:80px">
									<span class="star1Intro">*</span>姓名
								</td>
								<td style="width:280px;">
									<a ><input name="point4" type="text"
											style="border:1px solid #999" /></a>
								</td>
								<td style="width:80px">
									<span class="star1Intro">*</span>性别
								</td>
								<td style="width:250px">
									<a ><input name="sex" type="text"
											style="border:1px solid #999" /></a>
								</td>
							</tr>


							<tr>
								<td>
									<span class="star1Intro">*</span>联系地址
								</td>
								<td>
									<a ><input name="address" type="text"
											style="border:1px solid #999" /></a>
								</td>
							</tr>
							<tr>
								<td>
									<span class="star1Intro">*</span>联系方式
								</td>
								<td>
									<a ><input name="point8" type="text"
											style="width:150px; border:1px solid #999;" /></a>
								</td>
							</tr>
						</table>

					</div>
					<div class="div111Intro"><img src="../static/img/images/register-arrow.gif" /><span class="span11InnerIntro"><a
								name="point2">我的简历</a></span></div>
					<img src="../static/img/images/border.JPG" class="img2Intro" />
					<div class="tablediv2Intro">
						<table class="table2Intro" cellspacing="0" cellpadding="0">
							<tr>
								<td>
									<span class="star1Intro">*</span>工作经历
								</td>
								<td>
									<textarea  name="experience"  class="textarea1Intro" style="resize:none"></textarea>
								</td>
							</tr>
							<tr>
								<td>
									<span class="star1Intro">*</span>教育经历
								</td>
								<td>
									<textarea name="education" class="textarea1Intro" style="resize:none"></textarea>
								</td>
							</tr>

							<tr>
								<td>
									<span class="star1Intro">*</span>工作意向
								</td>
								<td>
									<textarea name="expected_work" class="textarea1Intro" style="resize:none"></textarea>
								</td>
							</tr>
						</table>
					</div>
					<div
						style="background-image:url(images/menu-bg2.gif); background-repeat:repeat-x; width:680px; height:20px;">

					</div>

					<div style="text-align:center">
						<input class="btn1Intro"  type="submit" onclick="checkContent()" value="保存" /><br>
						<a href="http://127.0.0.1:8000/">返回首页</a>

<!--						<input class="btn1Intro" type="submit" value="保存" />-->
					</div>
				</div>
				<!--中间内容右边结束-->

			</div>
			</form>
			<!--中间内容结束-->

		</div>

		<!-- InstanceBeginEditable name="EditRegion4" -->
		<script type="text/javascript">
			/*111111111111111111111111111111111111级联样式开始111111111111111111111111111111111111*/

			var pro = new Array();
			pro[0] = ["--请选择--"];
			pro[1] = ["浙江省", "杭州", "嘉兴", "宁波"];
			pro[2] = ["江苏省", "苏州", "南京", "无锡"];
			pro[3] = ["山东省", "济南", "济宁", "德州"];

			/*
				pro是一个数组，可以手动添加pro的元素，这样有利于程序的升级
			*/

			var province = document.getElementById("pro");
			var city = document.getElementById("city");


			for (i = 0; i < pro.length; i++) {
				province.options.add(new Option(pro[i][0], i));
			}

			function addCities() {
				var index = province.value;
				city.length = 1;
				for (i = 1; i < pro[index].length; i++) {
					city.options.add(new Option(pro[index][i], i));
				}
			}


			var myYear = document.getElementById("myYear");
			var myMonth = document.getElementById("myMonth");
			var myDay = document.getElementById("myDay");


			for (i = 1; i <= 12; i++) {
				myMonth.options.add(new Option(i, i));
			}

			for (i = 1900; i < 2100; i++) {
				myYear.options.add(new Option(i, i));
			}

			function addDay() {
				myDay.disabled = true;
				var yearNum = myYear.value;
				var monthNum = myMonth.value;
				if (yearNum == "0") {
					alert("请选择年份");
					return;
				}

				if (monthNum == "0") {
					alert("请选择月份");
					return;
				}

				alert("请选择日期");

				myDay.disabled = false;

				var days = 0;
				switch (monthNum) {
					case "1":
					case "3":
					case "5":
					case "7":
					case "8":
					case "10":
					case "12":
						days = 31;
						break;
					case "4":
					case "6":
					case "9":
					case "11":
						days = 30;
						break;
					default:
						if ((yearNum % 4 == 0 && yearNum % 100 != 0) || yearNum % 400 == 0) {
							days = 29;
						} else {
							days = 28;
						}
				}

				myDay.length = 1;
				for (i = 1; i <= days; i++) {

					myDay.options.add(new Option(i, i));
				}


			}




			/*2222222222222222222222222222222222222级联样式结束22222222222222222222222222222222222222*/
			var pop0 = document.getElementById("pop0");
			var pop21 = document.getElementById("pop21");
			var pop22 = document.getElementById("pop22");
			var pop23 = document.getElementById("pop23");
			var pop24 = document.getElementById("pop24");
			var pop25 = document.getElementById("pop25");
			var pop26 = document.getElementById("pop26");
			var pop27 = document.getElementById("pop27");
			var pop28 = document.getElementById("pop28");
			var pop29 = document.getElementById("pop29");
			var pop10 = document.getElementById("pop10");
			var pop11 = document.getElementById("pop11");
			var pop12 = document.getElementById("pop12");

			pop0.style.display = "none";
			pop21.style.display = "none";
			pop22.style.display = "none";
			pop23.style.display = "none";
			pop24.style.display = "none";
			pop25.style.display = "none";
			pop26.style.display = "none";
			pop27.style.display = "none";
			pop28.style.display = "none";
			pop29.style.display = "none";
			pop10.style.display = "none";
			pop11.style.display = "none";
			pop12.style.display = "none";


			function pop1() {


				if (pop0.style.display == "none") {
					pop0.style.display = "block";
				} else {
					pop0.style.display = "none";
				}
			}

			function pop2() {

				if (pop21.style.display == "block") {
					pop21.style.display = "none";
					pop22.style.display = "none";
					pop23.style.display = "none";
					pop24.style.display = "none";
					pop25.style.display = "none";
					pop26.style.display = "none";
					pop27.style.display = "none";
					pop28.style.display = "none";
					pop29.style.display = "none";
				} else {
					pop21.style.display = "block";
					pop22.style.display = "block";
					pop23.style.display = "block";
					pop24.style.display = "block";
					pop25.style.display = "block";
					pop26.style.display = "block";
					pop27.style.display = "block";
					pop28.style.display = "block";
					pop29.style.display = "block";
				}

			}






			var pics = document.getElementsByName("pic");
			pics[2].innerHTML = "<img src='../static/img/images/menu3-1.gif' class='imgheaderdwt' />";

			function checkContent() {
				var name = document.getElementById("nametxt");

				if (name.value == "") {
					alert("请输入姓名");

					window.location.href = "#point4";
					name.focus();
					return;
				}

				var sexes = document.getElementsByName("sex");
				var flag = false;
				for (i = 0; i < sexes.length; i++) {
					if (sexes[i].checked) {
						flag = true;
					}
				}

				if (!flag) {
					alert("请选择性别");
					window.location.href = "#point4";
					return;
				}

				var provinceAt = document.getElementById("provinceAt");

				if (province.value == "0") {
					alert("请选择现居地省份");
					window.location.href = "#point7";
					province.focus();
					return;
				}

				var cityAt = document.getElementById("cityAt");

				if (city.value == "0") {
					alert("请选择现居地城市");
					window.location.href = "#point7";
					city.focus();
					return;
				}

				var contactid = document.getElementById("contactid");

				if (contactid.value == "") {
					alert("请填写联系方式");
					window.location.href = "#point8";
					contactid.focus();
					return;
				}



				var areaEdu = document.getElementById("areaEdu");
				if (areaEdu.value == "") {
					alert("请填写教育经历");
					window.location.href = "#point2";
					areaEdu.focus();
					return;
				}

				var proposal = document.getElementById("proposal");
				if (proposal.value == "") {
					alert("请填写求职意向");
					window.location.href = "#point2";
					proposal.focus();
					return;
				}


				alert("成功提交");
			}
		</script>
		<!-- InstanceEndEditable -->
	</body>
	<!-- InstanceEnd -->
</html>

